<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>物联网官网</title>
	<link rel="stylesheet" href="style.css">
	<link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
	<!-- <div class="aside"></div> -->
	
	<!-- header头部模块开始 -->
	<div class="header">
		<!-- logo -->
		<div class="logo">
			<a href="#"><img src="images/logo1111.png" alt=""></a>
		</div>
		<!-- nav -->
		<div class="nav">
			<ul>
				<li><a href="#">总览</a></li>
				<li><a href="#">部件</a></li>
				<li><a href="#">事件</a></li>
				<li><a href="#">人口</a></li>
				<li><a href="#">分析</a></li>
			</ul>
		</div>
		<!-- user -->
		<div class="user">
			<img src="images/user.jpg" alt="">
			<span>管理员</span>
		</div>
	</div>
	<!-- header头部模块结束 -->
	<!-- banner 部分start -->
	<div class="banner">
			<!-- 左侧 subnav  -->
			<div class="subnav">
				<ul>
					<li><a href="#"><i class="fa fa-wpexplorer fa-2x" aria-hidden="true"></i>城市监控</a></li>
					<li><a href="#"><i class="fa fa-wpexplorer fa-2x"></i>智能井盖监控</a></li>
					<li><a href="#"><i class="fa fa-wpexplorer fa-2x"></i>红绿灯</a></li>
					<li><a href="#"><i class="fa fa-wpexplorer fa-2x"></i>公交站牌</a></li>
					<li><a href="#"><i class="fa fa-wpexplorer fa-2x"></i>环境监测</a></li>
				</ul>
			</div>
			<!-- 中间 -->


			<!-- 右侧 course -->
			<!-- <div class="course">
				<div class="course-hd">城市运行信息监控</div>
				<div class="course-bd">
					<ul>
						<li>
							<h4>test </h4>
							<p>test1</p>
						</li>
						<li>
							<h4>test </h4>
							<p>test1</p>
						</li>
						<li>
							<h4>test </h4>
							<p>test1</p>
						</li>
						
					</ul>
					<!-- <a href="#" class="all">全部课程</a> -->
				</div>
</body>
</html>